import {RouteRecordRaw} from "vue-router";

/****
 * meta 结构
 */
export interface metaData {
    needLogin: boolean, // 需要登录
    title: string, //标题
    icon: string,  //图标
    roles: string[], // 该页面只有admin和普通管理员才能进入
}

/************************************
 *  功能：静态路由
 *  不会显示菜单栏
 * * ********************************/
const constantRoutes: RouteRecordRaw[] = [
    {
        path: '/login',
        name: '登陆',
        component: () => import('@/views/login/Login.vue'),
        meta: {
            needLogin: false, // 不需要登录
            title: "登陆",
            icon: "Apple",  //图标
        },
    },

    {
        path: '/401',
        name: "401",
        meta: {
            needLogin: false, // 不需要登录
            title: "",
            icon: "Apple",  //图标
        },
        component: () => import('@/views/error/404.vue')
    },
    {
        path: '/404',
        name: "404",
        component: () => import('@/views/error/404.vue')
    }


];

const layoutRoute: RouteRecordRaw[] = [
    {
        path: "/",
        name: "layout",
        component: () => import('@/layout/index.vue'),
        meta: {
            needLogin: true, // 不需要登录
            title: "主控台",
            icon: "House",  //图标
        },
        redirect: {path: "/main"},
        children: [],
    },
];


/**
 * 动态路由 菜单栏路由
 * 用来放置有权限（roles 属性）的路由
 * 必须带有 name 属性
 */
// const asyncRoutes: RouteRecordRaw[] = [
//     {
//         path: '/home',
//         name: '主页',
//         component: () => import('@/views/home/Home.vue'),
//         meta: {title: '主页', hidden: false, role: ['admin']}
//     },
//
//     {
//
//         path: '/system/menu',
//         name: 'Menu',
//         component: () => import('@/views/system/menu/menu.vue'),
//         meta: {title: '菜单管理', hidden: false, role: ['admin']}
//     },
//
//     {
//         path: '/system/role',
//         name: 'Role',
//         component: () => import('@/views/system/role/role.vue'),
//         meta: {title: '角色管理', hidden: false, role: ['editor']}
//     },
//
//     {
//
//         path: '/system/user',
//         name: 'User',
//         component: () => import('@/views/system/user/user.vue'),
//         meta: {title: '用户管理', hidden: false, role: ['editor']}
//
//     }
//
//
// ]


export {constantRoutes, layoutRoute}

